<extend name="desktop_default/template/base_index" />
<block name="area_header">
    <link rel="stylesheet" href="__CSS__/index/style.css">
    <link rel="stylesheet" href="__JS__/common/jquery-glide/jquery.glide.css">
    <script type="text/javascript" src="__JS__/common/jquery-glide/jquery.glide.min.js"></script>
    <style>
        .slider-nav__item{
            background: #fafafa;
        }
        .slider-nav__item--current{
            background: black;
        }
        .slider-nav__item:hover{
            background: black;
        }
    </style>
</block>

<block name="area_top">
    <include file="desktop_default/template/user_bar" />
    <include file="desktop_default/template/shcart_bar" />
    <include file="desktop_default/template/nav_bar" />
</block>

<block name="area_content">
    <section class="top-banner">
        <notempty name="banner">
            <div class="slider">
                <ul class="slides">
                    <volist name="banner" id="vo">
                        <li class="slide">
                            <div class="box">
                                <a class="item"
                                <if condition="($vo.url_type eq 6070) AND ($vo.url neq '')">
                                    href="{$vo.url}"
                                    <else/>
                                    href="javascript:void(0);"
                                </if>
                                style="background: url('{:C('PICTURE_REMOTE_URL')}{$vo.img}') no-repeat center center; background-size: cover;"></a>
                            </div>
                        </li>
                    </volist>
                </ul>
            </div>
        </notempty>
    </section>
    <section class="zhutiguan">
        <div class="ztg-l main2-content">
            <ul>
                <li>
                    <a href="{:U('mengwu/themePavilion/meiguo')}" target="_blank"><img data-original="__IMG__/index/zhutiguan/meiguo.jpg"></a>
                </li>
                <li>
                    <a href="{:U('mengwu/themePavilion/aozhou')}" target="_blank"><img data-original="__IMG__/index/zhutiguan/aozhou.jpg"></a>
                </li>
                <li>
                    <a href="{:U('mengwu/themePavilion/helan')}" target="_blank"><img data-original="__IMG__/index/zhutiguan/helan.jpg"></a>
                </li>
                <li>
                    <a href="{:U('mengwu/themePavilion/riben')}" target="_blank"><img data-original="__IMG__/index/zhutiguan/riben.jpg"></a>
                </li>
                <li>
                    <a href="{:U('mengwu/themePavilion/faguo')}" target="_blank"><img data-original="__IMG__/index/zhutiguan/faguo.jpg"></a>
                </li>
                <li>
                    <a href="{:U('mengwu/themePavilion/yingguo')}" target="_blank"><img data-original="__IMG__/index/zhutiguan/yingguo.jpg"></a>
                </li>
                <li>
                    <a href="{:U('mengwu/themePavilion/hanguo')}" target="_blank"><img data-original="__IMG__/index/zhutiguan/hanguo.jpg"></a>
                </li>
                <li>
                    <a href="{:U('mengwu/themePavilion/taiwan')}" target="_blank"><img data-original="__IMG__/index/zhutiguan/taiwan.jpg"></a>
                </li>
            </ul>
        </div>

    </section>
    <notempty name="zhuanchang">
        <section class="zhuanchang">
            <div class="zc-l main2-content">
                <ul>
                    <volist name="zhuanchang" id="vo">
                        <li class="box" data-starttime="{$vo.main_time.start_time}000" data-endtime="{$vo.main_time.end_time}000">
                            <a class="link" href="{:U('mengwu/zhuanchang/index',array('block'=>$vo['block_id']))}" target="_blank"></a>
                            <div class="box-img"><img data-original="{$vo.banner}"></div>
                            <div class="box-info">
                                <div class="title">{$vo.title}</div>
                                <div class="detail">{$vo.desc}</div>
                                <div class="zhekou"><em>{$vo.discount}</em>折起</div>
                                <div class="dateline"></div>
                            </div>
                        </li>
                    </volist>
                </ul>
            </div>
        </section>
    </notempty>
    <notempty name="zhutihuodong">
        <section class="zhutihuodong">
            <div class="zthd main2-content">
                <volist name="zhutihuodong" id="vo">
                    <a class="item" href="{:U('mengwu/themeActivities/index',array('block'=>$vo['block_id']))}" target="_blank"><img data-original="{$vo.banner}"></a>
                </volist>
            </div>
        </section>
    </notempty>
    <div class="bottom_ban"></div>

</block>

<block name="area_footer">
    <include file="desktop_default/template/footer_ad" />
    <include file="desktop_default/template/footer_nav" />
    <include file="desktop_default/template/footer_bottom" />

    <script type="text/javascript" src="__JS__/index/common.js"></script>
</block>